<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>抽奖</title>
<link rel="stylesheet" href="/Public/projects/meeting/lucky/css/style.css">
</head>
<body>
<div class="boxMain" <?php
    if(!empty($lucky) && !empty($lucky['back_img'])){
        echo "stlye='height: 100vh;text-align: center; width:100%;" .
        "background:url(" . $lucky['back_img'] . ") no-repeat; background-size:cover; overflow:hidden; zoom:1;'";
    }
?>>
<div class="cloudbg"></div>
	<div class="indexCenter">
      <div class="boxBody"></div>
      <div class="-content -index">
			<div>
				<!--<div class="bounce-wrap">	-->	
                    <div id="emitter"></div>
                    <div class="explode">
                        <span class="cloud -one js-cloud-1" style="background-color:#C52528"></span>
                        <span class="cloud -two js-cloud-2"></span>
                        <span class="cloud -three js-cloud-3"></span>
                    </div>	
			    <!--</div>-->
		    </div>
	    </div>
    </div>
   
    <div class="divBtn">
        <div class="prizes">
            <span class="text-gradient">奖项:</span>
            <div class="divSelect"><span>请选择奖项</span>
            <ul>
                <?php foreach($items as $k_item => $item){
                    echo '<li><a href="#" data-item-id="' . $item['item_id'] . '">' . $item['name']  . '</a></li>';
                }?>
              </ul>
             </div>
        </div>
        <div class="startBtn"></div>
        <div id="stopBtn"></div>
        <div class="js-trigger-reset"></div>
    </div>
   <!-- <div class="label">
        <a href="#" class="button js-trigger-reset">
            <span>重置</span>
        </a>
    </div>		-->
</div>
<script>
    var meetId = <?php echo I("get.meetId", -1, '');?>;
    var itemId = 0;
    var users = [];
    var dotQuantity = 0;
    var start_status = 0;
</script>
<script>window.jQuery || document.write('<script src="/Public/projects/meeting/lucky/js/jquery-2.1.1.min.js"><\/script>')</script>
<script src="/Public/projects/meeting/lucky/js/TweenMax.min.js"></script>
<script src="/Public/projects/meeting/lucky/js/jquery.min.js"></script>
<script src="/Public/projects/meeting/lucky/js/index.js"></script>
<script>
var topbox = $(".boxBody").offset().top+50; 
var leftbox= $(".boxBody").offset().left-20;
$(function(){
$(".startBtn").click(function(){
		$(".indexCenter img").animate({'left':leftbox+'px','top':topbox+'px',opacity:'0' ,transform:'rotate(60)'},1000);
		$(".boxBody").animate({opacity:"1"},1000);
        $(".startBtn").css("display","none");
        $("#stopBtn").css("display","block");
        start_status = 1;
})
$(".divSelect span").click(function(){
		var ul = $(".divSelect ul");
		if(ul.css("display")=="none"){
			ul.slideDown("slow");
		}else{
			ul.slideUp("slow");
		}
	});
	
	$(".divSelect ul li a").click(function(){
		var txt = $(this).text();
		$(".divSelect span").html(txt);
        itemId = $(this).attr("data-item-id");
		var value = $(this).attr("rel");
		$(".divSelect ul").hide();
	});
});
</script>
</body>
</html>